<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>Projet 2 : Commandes</title>
            </f:facet>
        </h:head>
        <h:body>
            <p:layout fullPage="true">
                <p:layoutUnit position="north" size="70">
                    <p:menubar>
                        <p:menuitem value="Produits" url="produits.xhtml" icon="ui-icon-document" />
                        <p:menuitem value="Commandes" url="commandes.xhtml" icon="ui-icon-person" style="font-weight: bold;" />
                    </p:menubar>
                </p:layoutUnit>
                <p:layoutUnit position="south" size="40">
                    &copy; Groupe1Atod16 - 2013
                </p:layoutUnit>
                <p:layoutUnit position="center">
                    <strong>Commandes</strong>
                    <h:form>
                        <p:dataTable id="dataTable" var="commande" value="#{mbCommande.liste}" paginator="true" rows="10" 
                                     paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                     rowsPerPageTemplate="10,20,30">
                            <p:column style="width:20px">  
                                <p:rowToggler />  
                            </p:column>  
                            <p:column sortBy="#{commande.dateCreation}" update=":dataTable">  
                                <f:facet name="header">  
                                    <h:outputText value="Date de création" />  
                                </f:facet>
                                <h:outputText value="#{commande.dateCreation}" />  
                            </p:column>  

                            <p:column sortBy="#{commande.civiliteLivraison}">
                                <f:facet name="header">  
                                    <h:outputText value="Civilite" />  
                                </f:facet>
                                <h:outputText value="#{commande.civiliteLivraison}" />  
                            </p:column>  

                            <p:column sortBy="#{commande.nomLivraison}">
                                <f:facet name="header">  
                                    <h:outputText value="Nom" />  
                                </f:facet>
                                <h:outputText value="#{commande.nomLivraison}" />  
                            </p:column>  

                            <p:column sortBy="#{commande.prenomLivraison}">
                                <f:facet name="header">  
                                    <h:outputText value="Prenom" />  
                                </f:facet>
                                <h:outputText value="#{commande.prenomLivraison}" />  
                            </p:column>
                            
                            <p:rowExpansion>
                                <h:panelGrid columns="2" cellpadding="4">  

                                    <h:outputText value="Date de création:" />  
                                    <h:outputText value="#{commande.dateCreation}" />  

                                    <h:outputText value="Date de livraison:" />  
                                    <h:outputText value="#{commande.dateLivraison}" />  

                                    <h:outputText value="Civilite:" />  
                                    <h:outputText value="#{commande.civiliteLivraison}" />  
                                    
                                    <h:outputText value="Nom:" />  
                                    <h:outputText value="#{commande.nomLivraison}" />  
                                    
                                    <h:outputText value="Prenom:" />  
                                    <h:outputText value="#{commande.prenomLivraison}" />  
                                    
                                    <h:outputText value="Adresse:" />  
                                    <h:outputText value="#{commande.adresseLivraison}" />  
                                    
                                    <h:outputText value="Code postal:" />  
                                    <h:outputText value="#{commande.codePostalLivraison}" />  
                                    
                                    <h:outputText value="Ville:" />  
                                    <h:outputText value="#{commande.villeLivraison}" />  
                                    
                                    <h:outputText value="Tel fixe:" />  
                                    <h:outputText value="#{commande.telFixeLivraison}" />  
                                    
                                    <h:outputText value="Tel mobile:" />  
                                    <h:outputText value="#{commande.telMobileLivraison}" />
                                    
                                    <h:outputText value="Etat livraison:" />
                                    <h:panelGroup>
                                        <h:outputText value="#{commande.etatLivraison}" />
                                        <h:commandButton value="==> EN_PREPARATION" action="#{mbCommande.handleChange(commande,'EN_PREPARATION')}" 
                                                         rendered="#{commande.etatLivraison != 'EN_PREPARATION'}"/>
                                        <h:commandButton value="==> BLOQUE" action="#{mbCommande.handleChange(commande,'BLOQUE')}" 
                                                         rendered="#{commande.etatLivraison != 'BLOQUE'}"/>
                                        <h:commandButton value="==> EXPEDIE" action="#{mbCommande.handleChange(commande,'EXPEDIE')}" 
                                                         rendered="#{commande.etatLivraison != 'EXPEDIE'}"/>
                                        <h:commandButton value="==> LIVRE" action="#{mbCommande.handleChange(commande,'LIVRE')}" 
                                                         rendered="#{commande.etatLivraison != 'LIVRE'}"/>
                                    </h:panelGroup>
                                    
                                    <h:outputText value="Mode de livraison:" />  
                                    <h:outputText value="#{commande.modeLivraison}" />  
                                    
                                    <h:outputText value="Lignes de commandes:" />  
                                    <p:dataTable var="ligne" value="#{commande.lignes}">
                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="Quantité:" />  
                                            </f:facet>
                                            <h:outputText value="#{ligne.quantite}" />  
                                        </p:column>                                        
                                        
                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="Code EAN13:" />  
                                            </f:facet>
                                            <h:outputText value="#{ligne.produit.codeEAN13}" />  
                                        </p:column>                                        
                                    </p:dataTable>  
                                    
                                    <h:outputText value="Id du site:" />  
                                    <h:outputText value="#{commande.idSite}" />  
                                    
                                </h:panelGrid>
                            </p:rowExpansion>
                            
                        </p:dataTable>
                    </h:form>
                </p:layoutUnit>
            </p:layout>
        </h:body>
    </f:view>
</html>